<template>
  <div class="wrapper">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <router-link tag="van-swipe-item" :to="'/zhuanti/1'"><img src="~@/assets/img/banner.png"></router-link>
      <router-link tag="van-swipe-item" :to="'/zhuanti/2'"><img src="~@/assets/img/banner1.png"></router-link>
      <router-link tag="van-swipe-item" :to="'/zhuanti/3'"><img src="~@/assets/img/banner2.png"></router-link>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: 'CompanyBanner'
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper
  width 100%
  height 3.2rem /* 160/50 */
  padding 0 .4rem /* 20/50 */
  .my-swipe .van-swipe-item
    img
      width 100%
      height 100%
</style>
